/**
 * @package		EasyBlog
 * @copyright	Copyright (C) 2010 Stack Ideas Private Limited. All rights reserved.
 * @license		GNU/GPL, see LICENSE.php
 *  
 * EasyBlog is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */


/* All view will be inside this container */
#eblog-wrapper {
	
}

#eblog-wrapper .search-input {
	line-height: 150%; 
	font-size: 12px;
	width: 60%;
	padding: 3px;
}

#eblog-wrapper .blogger-avatar {
	border: 0;
}
#eblog-wrapper .blogger-bio {
	padding-left: 70px;
}
#eblog-wrapper .blogger-avatar img {
	padding: 5px;
	background: #ccc;
}
#eblog-wrapper .blog-list-block .avatar-container {
	float: left;
	width: 70px;
}
#eblog-wrapper .blog-list-block .info-container {
	margin: 0 0 0 75px;
}
#eblog-wrapper .clr {
	clear: both;
}


/* Form elements */
#eblog-wrapper .inputbox {
	padding: 5px;
	border: solid 1px #ccc;
}

#eblog-wrapper .inputbox:focus,
#eblog-wrapper .button:focus {
	outline-style: none;
}

/* content tables */
td.sectiontableheader,
th.sectiontableheader {
	background: #efefef;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
}
tr.sectiontableentry2 {
	background: #f1f1f1;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
	padding: 4px;
}

/* Pagination */
#eblog-wrapper div.pagination {
	display: block;
	float: left;
	margin: 10px 0 0;
	width: 100%;
}
#eblog-wrapper div.pagination div.limit {
	width: 150px;
	float: left;
}
#eblog-wrapper div.pagination a {
	padding: 2px 5px;
	border: solid 1px #ccc;
}
#eblog-wrapper div.pagination a:hover {
 	color: #333;
}
#eblog-wrapper div.pagination span.current {
	padding: 2px 5px;
	background: #ecebeb;
	border: solid 1px #ccc;
}
#eblog-wrapper div.pagination div.total-post {
	float: right;
	width: 150px;
	text-align: right;
}
#eblog-wrapper div.pagination div.paging {
	margin: 0 150px;
	text-align: center;
}

#eblog-wrapper div.pagination {
	margin: 10px 0;
	text-align: center;
}

#eblog-wrapper ul.pagination {
	background: none;
	margin: 0 auto;
}

#eblog-wrapper div.pagination li {
	color: #999;
}

#eblog-wrapper div.pagination a {
	background: transparent url(../images/pagination.png) repeat-x 0 0;
	border: solid 1px #ccc;
	padding: 4px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

#eblog-wrapper .dashboard-categories .label,
#eblog-wrapper .dashboard-tags .label {
	font-weight: 700;
	margin-right: 15px;
}

/* Write */
#eblog-wrapper .tag-item-selected {
	
}


/* New Dialog */
#edialog-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#edialog-wrapper #edialog {
	background: #333;
	position: fixed !important;
	position: absolute; /* hack for internet explorer 6*/
	z-index: 1000;
	padding: 5px;
	top: 50%;
	left: 50%;
}
#edialog-wrapper #edialog-container {

}
#edialog-wrapper #edialog-header div.left,
#edialog-wrapper #edialog-header div.right,
#edialog-wrapper #edialog-header div.middle {
	height: 30px;
}
#edialog-wrapper #edialog-header div.left {
	float: left;
	width: 4px;
	background: transparent url(../images/dialog/bg.gif) no-repeat 0 0;
}
#edialog-wrapper #edialog-header div.right {
	float: right;
	width: 4px;
	background: transparent url(../images/dialog/bg.gif) no-repeat 0 -60px;
}
#edialog-wrapper #edialog-header div.middle {
	margin: 0 4px;
	background: transparent url(../images/dialog/bg.gif) repeat-x 0 -30px;
	position: relative;
}
#edialog-wrapper #edialog-header div.middle h3 {
	margin: 0;
	line-height: 29px;
	padding: 0 0 0 5px;
	color: #333;
}
#edialog-wrapper #edialog-header div.middle div.close-button {
	position: absolute;
	height: 16px;
	width: 16px;
	top: 7px;
	right: 3px;
}
#edialog-wrapper #edialog-header div.middle div.close-button a {
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/dialog/button-close.gif) no-repeat 0 0;
	outline-style: none;
}
#edialog-wrapper #edialog-header div.middle div.close-button a:hover {
	background: transparent url(../images/dialog/button-close.gif) no-repeat 0 -16px;
}
#edialog-wrapper #edialog-middle {
	background: #fff;
	border-bottom: solid 1px #333;
}
#edialog-wrapper #edialog-middle div.content {
	padding: 10px;
}
#edialog-wrapper #edialog-footer div.left,
#edialog-wrapper #edialog-footer div.right,
#edialog-wrapper #edialog-footer div.middle {
	height: 30px;
}
#edialog-wrapper #edialog-footer div.left {
	float: left;
	width: 4px;
	background: transparent url(../images/dialog/bg.gif) no-repeat 0 -90px;
}
#edialog-wrapper #edialog-footer div.right {
	float: right;
	width: 4px;
	background: transparent url(../images/dialog/bg.gif) no-repeat 0 -120px;
}
#edialog-wrapper #edialog-footer div.middle {
	margin: 0 4px;
	background: #ccc;
	line-height: 29px;
	text-align: center;
}
#edialog-wrapper #edialog-footer input.button {
	background: transparent url(../images/dialog/top.gif) repeat-x 0 -30px;
	border: solid 1px #666;
	cursor: pointer;
	color: #333;
	margin: 5px 0 0;
}
#edialog-wrapper #edialog-footer input.button-hover {
	background: #666;
	border: solid 1px #333;
	color: #ccc;
}








/* new clearfix */
#eblog-dialog .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #eblog-dialog .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html #eblog-dialog .clearfix { zoom: 1; } /* IE7 */

#eblog-dialog p,
#eblog-dialog h1,
#eblog-dialog h2,
#eblog-dialog h3,
#eblog-dialog h4 {
	margin: 0;
	padding: 0;
}
	
#eblog-dialog {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99999;
}

	#eblog-dialog .dialog {
		background: transparent;
		position: absolute; /* hack for internet explorer 6*/
		z-index: 1000;
		width: 500px;
	}	
		
		#eblog-dialog .dialog .dialog-top {
			height: 44px;
			overflow: hidden;
		}
			
			#eblog-dialog .dialog .dialog-top .dialog-top-left,
			#eblog-dialog .dialog .dialog-top .dialog-top-right {
				height: 44px;
				width: 20px;
			}
			
			#eblog-dialog .dialog .dialog-top .dialog-top-left {
				background: transparent url(../images/dialog/edialog.png) no-repeat top left;
				float: left;
			}
			
			#eblog-dialog .dialog .dialog-top .dialog-top-right {
				background: transparent url(../images/dialog/edialog.png) no-repeat top right;
				float: right;
			}
			
			
			#eblog-dialog .dialog .dialog-top .dialog-top-title {
				background: transparent url(../images/dialog/edialog.png) no-repeat top center;
				height: 44px;
				margin: 0 20px;
				position: relative;
			}
				
				#eblog-dialog .dialog .dialog-top .dialog-top-title h3 {
					color: #414951;
					line-height: 42px;
					margin: 0 20px 0 0;
					padding: 0 5px;
					text-shadow: 0 1px 0 #cfe1f3;
				}
				
				#eblog-dialog .dialog .dialog-top .dialog-top-title .closeme {
					background: transparent url(../images/dialog/edialog-close.png) no-repeat 0 0;
					display: block;
					height: 16px;
					position: absolute;
					text-indent: -9999px;
					top: 15px;
					right: 0;
					text-decoration: none;
					width: 15px;
				}
				
				#eblog-dialog .dialog .dialog-top .dialog-top-title .closeme:hover {
					background: transparent url(../images/dialog/edialog-close.png) no-repeat 0 -20px;
				}
				
				#eblog-dialog .dialog .dialog-top .dialog-top-title .closeme:active,
				#eblog-dialog .dialog .dialog-top .dialog-top-title .closeme:focus {
					outline-style: none;
				}
				
			
			
		#eblog-dialog .dialog .dialog-middle {
			overflow: hidden;
		}
			
			#eblog-dialog .dialog .dialog-middle .dialog-middle-left,
			#eblog-dialog .dialog .dialog-middle .dialog-middle-right {
				width: 20px;
			}
			
			#eblog-dialog .dialog .dialog-middle .dialog-middle-left {
				background: transparent url(../images/dialog/edialog.png) no-repeat center left;
				float: left;
			}
			
			#eblog-dialog .dialog .dialog-middle .dialog-middle-right {
				background: transparent url(../images/dialog/edialog.png) no-repeat center right;
				float: right;
			}

			#eblog-dialog .dialog .dialog-middle .dialog-middle-content {
				overflow: auto;
				background: #eef3f7;
				margin: 0 20px;
				position: relative;
			}
			
			#eblog-dialog .dialog .dialog-middle .dialog-middle-content .inputbox {
				width: 95%;
			}
			
			#eblog-dialog .dialog .dialog-middle .dialog-middle-content .checkbox {
				width: auto !important;
			}
				
	
		
		#eblog-dialog .dialog .dialog-bottom {
			height: 59px;
			overflow: hidden;
		}
			
			#eblog-dialog .dialog .dialog-bottom .dialog-bottom-left,
			#eblog-dialog .dialog .dialog-bottom .dialog-bottom-right {
				height: 59px;
				width: 20px;
			}
			
			#eblog-dialog .dialog .dialog-bottom .dialog-bottom-left {
				background: transparent url(../images/dialog/edialog.png) no-repeat bottom left;
				float: left;
			}
			
			#eblog-dialog .dialog .dialog-bottom .dialog-bottom-right {
				background: transparent url(../images/dialog/edialog.png) no-repeat bottom right;
				float: right;
			}
			
			
			#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions {
				background: transparent url(../images/dialog/edialog.png) no-repeat bottom center;
				height: 59px;
				margin: 0 20px;
				position: relative;
				text-align: right;
			}

/* for custom button */
				#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-custom {
					background: transparent url(../images/dialog/edialog-button.png) no-repeat 0 0;
					display: block;
					float: right;
					height: 32px;
					margin: 10px 0 0;
					padding-left: 7px;
				}

					#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-custom .inner {
						background: transparent url(../images/dialog/edialog-button.png) no-repeat 100% 0;
						display: block;
						height: 32px;
						margin-right: -7px;
						padding-right: 7px;
					}

				#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions .dialog-bottom-actions-custom.button-hover {
					background-position: 0 -40px;
				}

					#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions .dialog-bottom-actions-custom.button-hover .inner {
						background-position: 100% -40px;
					}


						#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-custom .inner .button {
							background: none;
							border: none;
							color: #fff;
							cursor: pointer;
							font-size: 12px;
							font-weight: 700;
							height: 29px;
							padding: 0 10px;
							text-shadow: 0 1px 1px #557ec3;
							text-transform: inherit;
						}
/* end custom button */
				
				#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-submit {
					background: transparent url(../images/dialog/edialog-button.png) no-repeat 0 0;
					display: block;
					float: right;
					height: 32px;
					margin: 10px 0 0;
					padding-left: 7px;
				}
					
					#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-submit .inner {
						background: transparent url(../images/dialog/edialog-button.png) no-repeat 100% 0;
						display: block;
						height: 32px;
						margin-right: -7px;
						padding-right: 7px;
					}
				
				#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions .dialog-bottom-actions-submit.button-hover {
					background-position: 0 -40px;
				}
					
					#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions .dialog-bottom-actions-submit.button-hover .inner {
						background-position: 100% -40px;
					}
					
					
						#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-submit .inner .button {
							background: none;
							border: none;
							color: #fff;
							cursor: pointer;
							font-size: 12px;
							font-weight: 700;
							height: 29px;
							padding: 0 10px;		
							text-shadow: 0 1px 1px #557ec3;
							text-transform: inherit;							
						}
			
			#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-cancel {
					background: transparent url(../images/dialog/edialog-button.png) no-repeat 0 -120px;
					display: block;
					float: right;
					height: 32px;
					margin: 10px 10px 0;
					padding-left: 7px;
				}
					
					#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-cancel .inner {
						background: transparent url(../images/dialog/edialog-button.png) no-repeat 100% -120px;
						display: block;
						height: 32px;
						margin-right: -7px;
						padding-right: 7px;
					}
					
						#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions-cancel .inner .button {
							background: none;
							border: none;
							color: #fff;
							cursor: pointer;
							font-size: 12px;
							font-weight: 700;
							height: 29px;
							padding: 0 5px;		
							text-shadow: 0 1px 1px #557ec3;
							text-transform: inherit;							
						}
			
				#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions .dialog-bottom-actions-cancel.button-hover {
					background-position: 0 -160px;
				}
					
					#eblog-dialog .dialog .dialog-bottom .dialog-bottom-actions .dialog-bottom-actions-cancel.button-hover  .inner {
						background-position: 100% -160px;
					}
			
			
			
#eblog-wrapper .tag-cloud {
	padding: 0px; text-decoration: none;
	font-family: verdana;
}
#eblog-wrapper .tag-cloud:link {
	color: #FF66CC;
}
#eblog-wrapper .tag-cloud:visited {
	color: #9900FF;
}
#eblog-wrapper .tag-cloud:hover {
	color: #FF66CC;
	background: #000000;
}
#eblog-wrapper .tag-cloud:active {
	color: #6699FF;
	background: #000000;
}


/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../images/j_button2_blank.png) 100% 0 no-repeat;
}


.eblog_help {
	background: transparent url(../images/help.png) no-repeat 0 0;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}

.eblog_dtpicker {

}

.category-block {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #EEEEEE;
}

.category-tools {
	top: -1px !important;
	right: 30px !important;
	font-size: 13px;
}


/**
 * Messages
 */ 
#eblog-message.error {
	background: transparent url(../images/message-error.png) no-repeat left center;
	border-top: solid 2px #900;
	border-bottom: solid 2px #900;
	color: #900;
	margin-bottom: 15px;
	padding: 5px 10px 5px 35px;
}

#eblog-message.info {
	background: transparent url(../images/message-info.png) no-repeat left center;
	border-top: solid 2px #06c;
	border-bottom: solid 2px #06c;
	color: #06c;
	margin-bottom: 15px;
	padding: 5px 10px 5px 35px;
}

#eblog-message.warning {
	background: transparent url(../images/message-warning.png) no-repeat left center;
	border-top: solid 2px #f90;
	border-bottom: solid 2px #f90;
	color: #c30;
	margin-bottom: 15px;
	padding: 5px 10px 5px 35px;
}

#eblog-message p {
	margin: 5px 0;
}

#eblog-wrapper .alignright {
	float: right;
}

#eblog-wrapper .alignleft {
	float: left;
}

#socialbutton.alignright {
	margin: 0 0 10px 10px;
}

#socialbutton.alignleft {
	margin: 0 10px 10px 0;
}

/**
 * Facebook Like
 */
#eblog-wrapper #fblikes {
	margin: 10px 0;
	width: 100%;
} 

/** Loader animation **/
#eblog-wrapper .eblog_loader{
	background: transparent url(../images/loader.gif) no-repeat left center;
	padding-left: 25px;
}